html {
position: relative;
min-height: 100%;
height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	color: #555;
	/*font: normal 10px Arial,Helvetica,sans-serif;*/
	font-family: Tahoma, Regular, sans-serif!important;		/*VERS6 muutos*/	
	background: white;
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	height: 100%;
    min-height: 100%;
}

body > .container-fluid {
#padding: 60px 15px 0;
padding-top: 50px;
#padding-left: 3%;
#padding-right: 3%;
}

div.max_height {
height: 100%;
min-height: 100%;
}

div.loading_content {
	background-image: url(loading.gif);
	background-repeat: no-repeat;
    background-position: center center;
    opacity: 0.8;
}

.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
}

.footer > .container {
padding-right: 15px;
padding-left: 15px;
}

#page
#{
#	margin-top: 0px;
#	margin-bottom: 5px;
#	background: white;  /*url(page.jpg) no-repeat top left;*/
	/*border: 1px solid #6399cd;*/
#}
/*#header_menu
{
	position:fixed;
	z-index:100;
	height:110px;
	width: 100%;
	background-color:white;
	margin-left: -20px;
    padding-left: 20px;
}
*/
/*#header
{
	margin: 0;
	padding: 0;

	# Iso kuva ja pärstät
	#background: white url(header.jpg) no-repeat top left;
	#height: 159px;
*/
	/* Pelkkä logo */
/*	#background: white url(cssonlylogo.jpg) no-repeat top left;
	#height: 80px;
	height: 40px;

	width: 950px;
}*/

#companyChange, #pageName
{
	#font-size: 16;
	width:500px;
	padding:0px;
	float:left;
}
/*
#content
{
    padding: 40px 0px;
    #width: 950px;
    width: 100%;
}

#footer
{
	padding: 10px;
	margin: 50px 20px;
	font-size: 0.8em;
	text-align: left;
	border-top: 1px solid #C9E0ED; 
	#background: url(powered.gif) no-repeat 97% 50%;
	height: 30px;
	clear: both;
}*/

#logo
{
	#padding-top: 15px;
	text-align: right;
	#width: 950px; /* vanha pituus, jolloin naamat oli mukana. oikeestaan tällä ei varmaan oo mitään merkitystä */
	height: 40px;
}

#mainmenu
{
	/*background: white url(th_bg.jpg) repeat-x 5px 1px;*/
	margin: 0px;
	text-align: left;
	
}

#newsWidget {
	width: 430px;
	height: 400px;
	margin-bottom: 30px;
	overflow: hidden;
}

h1, h2 {
	margin-top: 5px;
	margin-bottom: 10px;
}

h3, h4 {
	margin-top: 15px;
	margin-bottom: 7px;
}

h1, h2, h3, h4 {
	color: #12368e;
}

a {
	color: #12368e;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #154aa3;
}

a.linkButtonGreen {
	padding: 5px;
	background-color: #167F39;
	color: #fff;
}

a.linkButtonRed {
	padding: 5px;
	background-color: #e21000;
	color: #fff;
}

.loadingon {
	background: url (ajax-loader.gif) top left no-repeat;
}

div.loading {
   # height: 32px; 
   # width: 32px;
    background-image: url('ajax-loader.gif');
    background-position: center center;
    background-repeat: no-repeat;
}
div.loading * {
    opacity: .8;
}

div.fpBox {
	width: 90%;
	padding: 5px 20px;
	background: #fefefe;
	border: 1px solid #d3dfeb;
	margin-bottom: 15px;
	height: 120px;
	overflow: auto;
	/*-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;*/
}

div.fpBox h3, div.fpBox h2, div.messagesBox h2 {
	color: #333;
	margin-top: 7px;
	margin-bottom: 7px;
}

.submitButton {
	border: 0;
	background: transparent url(button.gif) top left no-repeat;
	width: 120px;
	height: 25px;
	padding-top: 0px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}

.wideSubmitButton {
	border: 5px;
	background: transparent url(button_wide.gif) top left no-repeat;
	#width: 180px;
	height: 25px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 23px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}

.widerSubmitButton {
	border: 5px;
	background: transparent url(button_wider.gif) top left no-repeat;
	#width: 180px;
	height: 25px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 23px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}

.linkButton {
	border: 5px;
	background: transparent url(button_wider.gif) top left no-repeat;
	#width: 180px;
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 5px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}

.linkButtonAccept {
	border: 5px;
	background: transparent url(button-green.png) top left no-repeat;
	#width: 180px;
	height: 25px;
	/*padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;*/
	padding: 8px 60px 10px 15px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	cursor:pointer;
}

a.acceptAllButton {
	background-color: #327cc5;
	padding: 5px;
	color: #fff;
}
a.acceptAllButton:hover {
	color: #efefef;
}

div.error, div.notice, .success, .flashinfo, .companySuccess
{
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.error
{
	background:#FFEEEE;
	#color:#8a1f11;
	border-color:#CC0000;
}

div.errorAjax
{
	background:#FBE3E4;
	color:#8a1f11;
}

div.notice
{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}
div.flashinfo
{
	background:#F3F781;
	color:#264409;
	border-color:#D7DF01;
}

div.success, div.companySuccess
{
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}
div.companySuccess
{
	width:926px;
}
div.successAjax
{
	background:#E6EFC2;
	color:#264409;
}

div.errorMessage
{
	color:#fff;
}

div.error a
{
	color:#8a1f11;
}

div.notice a
{
	color:#514721;
}

div.success a
{
	color:#264409;
}

div.form .rememberMe label
{
	display: inline;
}

.actions
{
	margin: 0 0 10px 0;
	padding: 0;
}

.actions li
{
	display: inline;
	margin: 0;
	padding: 0;
}

.actions li a
{
	padding: 5px;
	margin: 0;
	color: #298dcd;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
	background: #DFF4FF;
	border-left: 5px solid #589FC8;
}

.actions li a:hover, .actions li a.active
{
	background: #589FC8;
	color: white;
}

div.view
{
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs
{
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span
{
	font-weight: bold;
}

.info {
	margin: 5px 0;
	padding: 5px;
	background-color: #0c0;
	color: #000;
}

.important {
	background:#FFF6BF;
	color:#262626;
	border: 1px solid #FBC2C4;
	padding: 7px;
}

div#searchResultData {
	margin: 10px 0;
	padding: 7px;
	background: #E6F2FF;
	border: 1px solid #6399cd;
}

/* begin data grid style */
table.dataGrid, table.formGrid
{
	background: white;
	border-collapse: collapse;
	width: 100%;
}

table.formGrid th, table.formGrid td, table.dataGrid th, table.dataGrid td
{
	font-size: 0.9em;
	/*border: 1px #4F81BD solid;*/
	padding: 0.3em;
	width: auto;
	margin: 0px;
}

table.formGrid td {
	background: #d8e8f5;
}

table.formGrid th.left, table.dataGrid th.left
{
	background: url(th_left.jpg) top right no-repeat;
	width: 24px;
	height: 35px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

table.formGrid th, table.dataGrid th
{
	background: url(th_bg.jpg) top left repeat-x;
	text-align: left;
	border-right: 1px solid #fefefe;
	padding: 7px 7px;
	color: #fff;
	width: auto;
	height: 21px;
	overflow: hidden;
	vertical-align:top;
}

table.formGrid th.right, table.dataGrid th.right
{
	background: url(th_right.jpg) top left no-repeat;
	width: 24px;
	height: 35px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

table td.white {
	background: white;
}

table.formGrid th.last, table.dataGrid th.last {
	border: 0px;
}


table.dataGrid tbody tr:hover, table.dataGrid tbody tr.odd:hover, table.dataGrid tbody tr.even:hover
{
	background: #ECFBD4;
}

table.dataGrid a {
	color: #000;
	font-weight: normal;
}

table.dataGrid a:hover {
	color: #154aa3;
}

table.dataGrid tr.odd
{
	background: #F3F8FB;
}

table.dataGrid tr.even
{
	background: #D8E8F5;
}

table.dataGrid tr.parent
{
	font-weight: bold;
	color: #262626;
}

table.dataGrid tr.child
{
	color: #15378C;
}

table.dataGrid tfoot td {
	text-align: right;
}

/* Applications
 * */
tr.applicationParent {
	background-color: #D8E8F5;
	color: #262626;
}

tr.applicationLog{
	background-color: #fff;
}

tr.applicationLog td.applicationLogItem{
	padding-left: 15px;
}
/* end of data grid style */

div.shifts_users {
	float: left;
	width: 200px;
	overflow-x: auto;
	margin-left: 0px;
}

div.shifts_data {
	width: 750px;
	margin-left: 10px;
	overflow-x: auto;
}

div.shifts_users table td, div.shifts_data table td {
	height: 30px;
}

div.shifts_data table th, div.shifts_users table th {
	padding: 7px 3px 0px 3px;
	font-size: 11px;
	width: 24px;
	height: 21px;
	overflow: hidden;
}

table td.holiday {
	background-color: #327cc5;
}
table td.holidaysummer {
	background-color: #96ED89;
}
table td.holidaywinter {
	background-color: #125cc5;
}

input.shiftField {
	width: 24px;
}

input.shiftField_weekend{
	width: 24px;
	padding: 2px 0px;
	background-color: #ebebe4;
	border: 1px solid #7f9db9;
}

#tabs {
	margin-bottom: 15px;
	clear:both;
	float: left;
	width: 100%;
	
}

#tabs ul {
	list-style-type: none;
	clear: both;
	width: 950px;
	margin: 0px;
	padding: 0px;
}

#tabs ul li {
	float: left;
	padding: 8px;
	margin-right: 2px;
	background-color: #c6dcf3;
	color: white;
	font-weight: bold;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
}

#tabs ul li a {
	color: #327cc5;
}

#tabs ul li.active {
	background-color: #327cc5;
	color: #c6dcf3;
}

#tabs ul li.active a {
	color: #c6dcf3;
}

#tabs ul li:hover {
	background-color: #327cc5;
}
#tabs ul li:hover a {
	color: #c6dcf3;
}

/*
 * Lomakalenteri
 * */
.vacationcalendar_users {
	float: left;
	width: 200px;
	overflow-x: auto;
	margin-bottom: 30px;
	font-size: 11px;
}
.vacationcalendar_data {
	float: left;
	width: 750px;  /* muutettu 725px->750px, kun pallurat reunoista poistettu */
	overflow-x: auto;
	margin-bottom: 30px;
	font-size: 11px;
}

.vacationcalendarGrid th {
	/*background-color: #327cc5;*/
	background: url(th_bg.jpg) top left repeat-x;
	text-align: left;
	border-right: 1px solid #fefefe;
	padding: 7px 3px;
	color: #fff;
	width: auto;
	height: 35px;
	overflow: hidden;
	vertical-align:top;
	font-size: 11px;
}

.vacationcalendarGrid th.left {
	background: url(th_left.jpg) top right no-repeat;
	width: 24px;
	height: 35px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.vacationcalendarGrid td.white {
	background: white;
	border: 0px;
}

.vacationcalendarGrid tr.even
{
	/*background: #D8E8F5;*/
}

.vacationcalendarGrid td {
	padding: 4px;
	border-bottom: 1px solid #c6dcf3;
	text-align: left;
}

.vacationcalendarGrid td.holiday {
	background-color: #327cc5;
}

.vacationcalendarGrid td.holiday-open {
	background-color: #f1595f;
}

.vacationcalendarGrid td.holiday-closed {
	background-color: #79c36a;
}

.vacationcalendarGrid td.holiday-sec {
	background-color: #cd7058;
}

.vacationcalendarGrid td.holiday-accepted {
	background-color: #599ad3;
}

.vacationcalendarGrid td.holiday-fore2 {
	background-color: #d77fb3;
}

.vacationcalendarGrid td.holiday-ready {
	background-color: #f9a65a;
}

.vacationcalendarGrid td.holiday-transfered {
	background-color: #9e66ab;
}

.vacationcalendarGrid td.holiday-unknown {
	background-color: #000000;
}

/*
 * Työaikojen kalenterinäkymä
 * */
.calendarGrid th {
	background-color: #327cc5;
	color: #fff;
	border-right: 1px solid #c6dcf3;
	padding: 4px;
	vertical-align: top;
}

.calendarGrid tr.even
{
	/*background: #D8E8F5;*/
}

.calendarGrid tr.holiday {
	background: #ECFBD4;
}

.calendarGrid td {
	padding: 4px;
	border-right: 1px solid #c6dcf3;
	border-bottom: 1px solid #c6dcf3;
	text-align: center;
}

/*
 * Messages 
 * */
.messagesBox {
	width: 90%;
	padding: 5px 20px;
	background: #fefefe;
	border: 1px solid #d3dfeb;
	margin-bottom: 15px;
	height: 267px;
	overflow: auto;
}
.messagesBox h3 {
	color: #d33;
	margin-top: 7px;
	margin-bottom: 7px;
}

.message {
	margin-top: 7px;
	font-size: 12px;
	border-bottom: 1px solid #d3dfeb;
}

.message .messageContent {
	margin-left: 7px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.importsmalltext {
/*writing-mode: tb-rl;
filter: flipv fliph;*/
width:50px;
font-size: 9px;
}
/* Messages end */

/*.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }*/

/* _event.php:ssä on jotain kokeiluja. 14.5.2012 näyttää toimivan -JI*/
.dropdowntooltip
{
	border-top-left-radius:0 !important;
	border-top-right-radius:0 !important;
	border-bottom-left-radius:0 !important;
	border-bottom-right-radius:0 !important;
	border:4px solid #99BBEE !important;
	/*border-width:4px !important;*/
	padding:0px !important;
}

.tooltippi{
    opacity:0.8;
    position:absolute;
    z-index:1003;
    left:-9999px;
    background-color:#99bbee; /*dedede; */
    padding:3px;
    border:1px solid #fff;
    #width: 200px;
    max-width: 350px;
}

/* _event.php:ssä on jotain kokeiluja. 14.5.2012 näyttää toimivan -JI */
.tooltippi table{
    margin:0;
    font-size: 10px;
    color:#fff;
    background-color:#222;
    padding:0px 0px;
}

.tooltippi td{
	border-right:1px dotted;
	border-bottom:1px dotted;
}

/* Tapahtumien haku */
.eventSearch_user{
	margin-top: 15px;
	width: 100%;
	/*background-color: #c6dcf3;*/
}
.eventSearch_user_header {
	padding: 2px 5px;
	background-color: #fff; /*#c6dcf3;*/
	font-size: 16px;
	font-weight: bold;
}

.eventSearch_user_rows {
	margin-bottom: 0px;
}

.eventSearch_user_rows table {
	margin-bottom: 0px;
}

.eventSearch_summary h4 {
	padding: 5px;
}

.eventSearch_summary {
	margin-top: 0px;
}

.eventSearch_summary_row {
	padding: 4px 7px;
	border-bottom: 1px solid #ced6e0;
}

.eventSearch_summary_row label {
	width: 400px;
	font-weight: normal;
	float: left;
}

.eventSearch_summary_row .amount {
	width: 75px;
	font-weight: normal;
	float: left;
}

/* Calendar */
.calendarHeader {
	float: left;
	#width: 400px;
}


.calendarHeaderLeft {
	float: left;
	width: 400px;
}

.calendarHeaderRight {
	float: left;
	margin-left: 10px;
	width: 530px;
}

.calendarHeaderLeft .monthName {
	font-size: 18px;
	margin: 10px 0px;
	text-transform: capitalize;
}

.calendarHeaderLeft .monthName img {
	padding-top: 3px;
}

#calendar_main {
	clear:both;
	margin-bottom: 20px;
	float: left;
}

#calendar_main .weekDayNames {
	clear: both;
}

#calendar_main .weekDayName {
	float: left;
	width: 124px;
	margin-right: 1px;
	margin-bottom: 2px;
	padding: 5px;
	background-color: #327cc5;
	color: #fff;
	text-transform: capitalize;
}

#calendar_main .userDay {
	float: left;
	border: 1px;
	border-style:solid;
	border-color: #99bbee;
	width: 133px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#calendar_main .userToDay {
	float: left;
	width: 133px;
	border: 1px;
	border-style:solid;
	border-color: #E21000;
	margin-right: 0px;
	margin-bottom: 0px;
}

#calendar_main .header {
	padding: 3px 5px;
	font-weight: bold;
	font-size: 16px;
	width: 123px;
	height: 20px;
	overflow: hidden;
}

#calendar_main .header .number {
	float: left;
}

#calendar_main .header .holiday {
	color: #e21000;
}
#calendar_main .header .eve {
	color: #1b4b7e;
}



#calendar_main .header .amount {
	font-weight: normal;
	font-size: 11px;
	float: left;
}

#calendar_main .header .amountTotal {
	font-weight: bold;
	font-size: 11px;
	float: right;
}

#calendar_main .header .plus {
	color: green;
}

#calendar_main .header .minus {
	color: red;
}

#calendar_main .activeHeader {
	background-color: #b0d1f3;
}

#calendar_main .greyHeader {
	background-color: #dedede;
}

#calendar_main .content {
	padding: 5px;
	height: 65px;
	width: 123px;
	overflow: auto;
}

#calendar_main .activeDay {
	background-color: #ebf0f6;
}

#calendar_main .greyDay {
	background-color: #eee;
}

#calendar_main .actionBar {
	width: 123px;
	height: 14px;
	padding: 5px;
	overflow: hidden;
}

#calendar_main .actionBar img {
	/*height: 14px;*/
}

#calendar_main .activeBar {
	border-top: 1px solid #ced6e0;
	background-color: #ebf0f6;
}

#calendar_main .greyBar {
	border-top: 1px solid #ddd;
	background-color: #eee;
}

#calendar_main .event {
	font-size: 10px;
	*/ 
	width: 106px; /* maksimi, muuten skrollaa sivuttainkin jos tulee paljon tapahtumia */
	margin-bottom: 2px;
	padding: 2px;
	overflow: hidden;
}

#calendar_main .typeNotification {
	background-color: #FF6D6D;
}
#calendar_main .statusAccepted {
}

#calendar_main .typeTransfered {
	background-color: #ddd;	
}
#calendar_main .typeRejected {
	background-color: #FFFF00!important;
}

#calendar_main .typeEvent {
	background-color: #c6dcf3;
}

#calendar_main .typeVacation {
	background-color: #96ED89;
}
#calendar_main .typesavingVacationShift {
	background-color: #A0522D;
}

#calendar_main .typeAbsence {
	background-color: #ff999c;
}

#calendar_main .typeTrip {
	/*background-color: #5FAAF4;*/
	background-color: #8ED3FF;
}

#calendar_main .salarytypeChild {
	/*background-color: #5FAAF4;*/
	background-color: #e1f4ff;
}

#calendar_main .typePlan {
	background-color: #E6CEA5;
}
#calendar_main .typeInfo {
	background-color: #D8E1C5;
}

#calendar_main .event a {
	color: #333;
}

#calendar_main .event a:hover {
	color: #327cc5;
}

#calendar_main .approved {
	background-image: url(white_70.png);
}

/* Kalenterin lisävalikko */
.popupMenu {
	display: none;
	position: absolute;
	border: 1px solid #327cc5; 
	background-color: White;
	padding: 5px;
}

.popupMenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.popupMenu ul li {
	padding: 3px;
}

.popupMenu ul li a{
	color: #333;
	font-size: 10px;
	font-weight: normal;
}
.blue {
	background-color: #0064CD;
	/*background-image: -moz-linear-gradient(center top , #049CDB, #0064CD);*/
	background-image: linear-gradient(to top, #5C95CE, #98C1E5);
	background-repeat: repeat-x;
	/*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/
	border-color: #5C95CE;
	color: #FFFFFF;
	/*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
	font-style:bold;
}
.layoutchanger {
    padding: 5px;
}
.ownlabeldiv {
	/*position:relative;*/
	height:59px;
	/*display:table-cell!important;
	vertical-align:middle!important;*/
	/*display:inline-block;*/

}
.ownlabeldiv label {
	/*position:absolute; top:-10px;*/
	/*height: 100%;*/
	/*margin-top:-50%;*/
	/*display:inline-block;*/
	/*vertical-align:middle;*/
	/*position:absolute; top:50%; */
	/*height:40px; */
	/*margin-top:-50%;	*/

	/*position:absolute; top:50%; height:40px; margin-top:-20px	*/
	position:absolute; top:50%; height:20px; margin-top:-10px
	/*height:40px; margin-top:-20px*/
	/*margin: -15% 0 0 -25%;*/
	/*position:absolute; top:50%; height:40px; margin-top:-20px	*/
	/*position:absolute; top:50%; */
	/*position: absolute;
	height:40px;*/
	/*margin: auto;*/                /* here's the magic. */

    /*bottom: 0px; top: 0px;    */
	/*height:40px; */
	/*margin-top:;	*/
	/*position:absolute; top:50%;*/
}



.singlelinediv, .multilinediv
{
	height:70px;  /*oli 59px mutta se oli liian vähän*/
}

.singlelinediv input
{
	margin-top: 11px!important;
}

.singlelinedivInline
{
	height:20px;  /*oli 59px mutta se oli liian vähän*/
}

.singlelinedivsm
{
	height:50px;
}

.singlelinedivcheck
{
	margin-top:0px!important; /*VERS6 muutos*/
	height:22px; /*height:50px;*/ 		  /*VERS6 muutos*/
}


.singlelinedivsm label
{
	position:absolute; top:50%; height:20px; margin-top:-3px
}

.singlelinedivcheck div
{
	position:absolute; top:8px; height:20px; margin-top:-3px
}


/*.singlelinedivsm div
{
	position:absolute; top:50%; height:35px; margin-top:-10px
}*/

.singlelinediv label
{
	position:absolute; top:50%; height:20px; margin-top:-10px
}

/*.singlelinediv input
{
	position:relative; top:30%; height:20px; margin-top:-10px
}*/

.multilinediv label
{
	position:absolute; top:50%; height:40px; margin-top:-20px
}

.noPadding
{
  padding:0 0 0 0 !important;
}


#saldo_form input
{
	cursor:default;
	background-color:rgba(225, 244, 255, 0.3);
	text-align: center;
}
#saldo_form .form-group
{
	margin-bottom:0px;
}

.LayoutModal input
{
	margin-left:5px!important;
	margin-right:5px!important;
}
.LayoutModal label {
    margin-bottom: 0!important;
    width:100%!important;
    color:#003242;
    font-weight:400!important;
}
.LayoutModal .btn-block {
    margin-top: 2px!important;
    background-color: #e1f4ff;
    #border: 1px solid #66afe9;
}
.basicSetting
{
	
	background-color: #e1f4ff;
}
.customSetting
{
	background-color: #94c7ea;
}
.inUseSetting
{
	
	background-color: #B6F0D8 /*#a3c8ba*/ /*#11CFBD;*/ /*#11CFBD*/
}

.cainternalGrid table thead tr th
{
	border: 1px solid #000000!important;
}
.cainternalGrid table thead tr td
{
	border: 1px solid #000000!important;
}

.basicSetting td
{
	padding:3px!important;
	font-size:98%!important;
	border: 1px solid #000000!important;
	vertical-align: middle!important;
}
.customSetting td
{
	border: 1px solid #000000!important;
	vertical-align: middle!important;
}
.inUseSetting td
{
	padding:3px!important;
	font-size:98%!important;
	border: 1px solid #000000!important;
	vertical-align: middle!important;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

/*nämä styles.css:stä, kun eivät saa olla siellä*/
.navbar-default .navbar-nav > li > a {
  color: #ffffff!important;
}
.navbar-default {
    background-color: #b22121!important;
    border-color: #820d0d!important;
}

.panel-info {
  border-color: #a3b1b4;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #f5f5f5;
  border-color: #a3b1b4;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #a3b1b4;
}
.panel-info > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #a3b1b4;
}

.tooltip-inner {
  #max-width: 200px;
  max-width: 350px!important;
  padding: 3px 8px!important;
  color: #ffffff!important;
  text-align: center!important;
  text-decoration: none!important;
  background-color: #000000!important;
  border-radius: 4px!important;
}
.tooltip-inner th,.tooltip-inner td {
  min-width: 125px!important;
}
/*nämä styles.css:stä, kun eivät saa olla siellä*/



/* tämä oli vers5 */
/*.message h4 {
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #152F76;
}
.message .messageDate {
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #262626;
} 
 */
/* tämä oli vers5 */

/*VERS6 tyylit Näitä ei vitosversion paketteihin*/
/*.dropdown-menu
{
	border-radius:0!important;
}*/
.message h4 {
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #004d66;
}
.message .messageDate {
	margin-bottom: 2px;
	font-size: 12px;	
} 

.btn
{
	border-radius:0!important;
}

.form-control
{
	border-radius:0!important;
}

input:not([class*="btn"])
{
	border-radius:0!important;
	padding:0 0 0 12px!important;
}

.input-group-addon
{
	border-radius:0!important;
}
.modal-content
{
	border-radius:0!important;
}
.alert
{
	border-radius:0!important;
}
.panel
{
	border-radius:0!important;	
}
.panel-heading
{
	border-radius:0!important;	
	/*font-weight: bold;*/
	font-size: 120%;
}
.nav-pills > li > a
{
	border-radius:0!important;	
}

form label
{
	color:#000000;
	font-weight: bold;
}

.fixedWidth18_3pc
{
	width:18.3%!important;
}
.fixedWidth5pc
{
	width:5%!important;
}
.floatRight
{
	float:right!important;
}
.noPaddingTop
{
	padding-top:0!important;
}
.noPaddingLeft
{
	padding-left:0!important;
}
.noPaddingRight
{
	padding-right:0!important;
}
.noPadding
{
	padding:0;
}
.paddingTopBottom57
{
	padding-top:57px!important;
	padding-bottom:57px!important;
}
.noPaddingPaddingRight3
{
	padding:0 3px 0 0!important;
}
.noPaddingPaddingLeft3
{
	padding:0 0 0 3px!important;
}
.noPaddingPaddingLeftRight3
{
	padding:0 3px 0 3px!important;
}
.noPaddingPaddingLeftRight5
{
	padding:0 5px 0 5px!important;
}
.noPaddingPaddingTop8
{
	padding:8px 0 0 0!important;
}
.paddingTopBottom8
{
	padding:8px!important;
}
.paddingLeft20
{
	padding-left:20px!important;
}

.width100offset330px
{
	min-width:calc(100% - 330px);
	float:left;
	
}
.scrollYHeight221
{
	overflow-y: scroll;
	height:221px;
}
.scrollYHeight273
{
	overflow-y: scroll;
	height:273px;
}
.scrollYPanel
{
	overflow-y: scroll;
	height:calc(100% - 35px);

}
.scrollYPanel24
{
	overflow-y: scroll;
	height:calc(100% - 24px);

}
.top-margin10
{
	/*margin-top:10px;*/
	margin:10px 0 0 0;
}


#frontpage_right
{
	padding-right:0px!important;
}
#frontpage_right, .frontpageContent > div, #myteamPanel > div > div, #myteamPanel > div > div > div
{
	padding-left:0px!important;
}
input:disabled
{
	background-color:#f7f7f7;
}
.fa-lg {
	font-size: 1.1em!important;
	width: 0.8em!important;
	vertical-align: 0!important;
}
/*VERS6 tyylit Näitä ei vitosversion paketteihin*/

#user_basic_info input:not([type*="checkbox"])
{
	height:22px;
	font-size:11px;
}
#user_basic_info select
{
	height:22px;
	font-size:11px;
	padding-top:0px;
	padding-bottom:0px;
}

#user_basic_info label
{
	font-size:11px;
	font-weight:normal;
}
#user_basic_info div
{
	margin-bottom:2px;
}
#user_basic_info label
{
	margin-bottom:1px;
}
#user_basic_info legend
{
	margin-bottom:5px;
}
#user_basic_info .row
{
	margin-bottom:0px;
}
#user_basic_info #login_save_button
{
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}
#user_basic_info #login_edit_button
{
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}

#user_basic_info #login_sendMail_button 
{
    font-size: 11px;
    padding-top: 2px;
    padding-bottom: 2px;

}

#createNewUserButton
{
	font-size:11px;
	padding-top:2px;
	padding-bottom:2px;
}
#supplement_form input:not([type*="checkbox"])
{
	height:22px;
	font-size:11px;
}
#supplement_form select
{
	height:22px;
	font-size:11px;
	padding-top:0px;
	padding-bottom:0px;
}
#supplement_form .multiselect
{
	height:22px;
	font-size:11px;
	padding-top:0px;
	padding-bottom:0px;
}

#supplement_form label
{
	font-size:11px;
	font-weight:normal;
}
#supplement_form div
{
	margin-bottom:2px;
}
#supplement_form label
{
	margin-bottom:1px;
}
#supplement_form legend
{
	margin-bottom:5px;
}
#supplement_form .input-group-addon .fa
{
	font-size:11px!important;
}
#supplement_form .input-group-addon
{
	padding-top:0px;
	padding-bottom:0px;
}
#supplement_form .btn
{
	padding-top:0px;
	padding-bottom:0px;
}
/*#user_basic_info .panel-group
{
	margin-bottom:20px;
}*/


/*small table and form stack test*/

.v6formCompress label{
		
	font-size:10px;
		
}
.v6formCompress .checkbox input{
		
	
	
	margin-top:-3px !important;
		
}

.v6formCompress button{
		
	
	    height: 22px;
	    font-size:11px;	
}

.v6formCompress select{
		
	    height: 22px;
	    font-size:11px;
	    padding:0px;	
}

.v6formCompress input{
	    height: 22px;
	    font-size:11px;
	    padding:0px !important;
	    padding-left:5px !important;
		
}
.v6formCompress .filter-option{
	   margin-top:-3px;
		
}
.v6formCompress .form-group{
		
	margin-bottom:3px;
}

	
.v6formCompress .input-group-addon{
		
    padding-bottom: 0px;
    padding-top: 0px;
}
	
.v6formCompress .panel-heading{
		
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 24px;
}

.v6formCompress button{
		
  padding-bottom: 0px;
  padding-top: 0px;
	
}
.v6formCompress .form-group{
		
  margin-bottom: 0px;
  margin-top: 0px;
	
}
/*
.V6Table th a{

	font-weight:normal;
	font-size:14px;
}
	
.V6Table td{
		
	font-weight:normal;
	font-size:11px;	
}

.V6Table {	
	background-color:white;	
}

.V6Table .v6ButtonColumn{
		
	font-size:14px;	
}
*/
.v6tableContainer{
	padding: 0px;
    border-width: 15px 15px 15px 15px;
    border-style: solid;
    border-color: white;
    outline: 1px solid #dddddd;
}



.V6Table th a{

	font-weight:normal;
	font-size:14px;
	
}
.V6Table th{

	padding:5px !important;
	text-align:center;
	
}
	
.V6Table td{
		
	font-weight:normal;
	font-size:11px;	
	padding:5px 1px 1px 5px !important;
}

.V6Table {	
	background-color:white;	
}

.V6Table .v6ButtonColumn{
		
	font-size:14px;	
}
.V6Table input{
		
	width:100%;
	max-height: 18px;
	text-align:center;
	padding:0px !important;
	font-size:11px;	
}
.V6Table select{
		
	width:100%;
	max-height: 18px;
	text-align:center;
	padding:0px !important;
	font-size:11px;	

}
.V6Table .btn-default{
		
	width:100%;
	max-height: 18px;
	text-align:center;
	padding:0px !important;
	font-size:11px;	
}
.V6Table .modify_selpicker{
		
max-height: 18px;
}
.V6Table #pagesize{
		
max-width: 50px;
}


.overflowYHeight24
{
	height:24px;
	overflow-y:visible;
}
.HideElement
{
	visibility:hidden;
}

.childMarginBottom35px > :not(.has-error)
{
	margin-bottom:35px;
}

.childMarginBottom35px > .has-error
{
	margin-bottom:0px;
}
.childMarginBottom55px > :not(.has-error)
{
	margin-bottom:55px;
}

.childMarginBottom55px > .has-error
{
	margin-bottom:0px;
}

#userInformationCardsModal .modal-dialog
{
	width:90%;
}
#userInformationCardsModalBody label,p
{
	font-size:11px;
}
#basicUserdataModal .input-sm:not(select):not(.sotuDiv)
{
	height:25px!important;
}

#basicUserdataModal select
{
	height:25px!important;
	padding-top:3px!important;
}


#basicUserdataModal legend
{
	padding-top:5px;
	padding-bottom:10px;
}
#basicUserdataModal .modal-body .input-group-addon {
	padding: 3px 12px!important;
} 

.paddingTop5pxLeft10pxRight10px
{
	padding-top:5px!important;
	padding-left:10px!important;
	padding-right:10px!important;
}

.marginBottom35px
{
	padding-bottom:35px!important;
}

.overflowHidden
{
	overflow:hidden!important;
}
.fullWidth
{
	width:100%!important;
}

#userInformationCardsModalBody .form-control-static
{
	min-height:20px;
}

#userInformationCardsModalBody .emptyDiv
{	
	padding-bottom: 21px!important;
	padding-top: 0px!important;
}
#userInformationCardsModalBody .panel-default
{	
	margin-bottom:15px;
}

/*#userInformationCardsModal .modal-body
{
	height:calc(100%);
}*/


.overflowVisibleBreakword
{
	overflow:visible;
	overflow-wrap: break-word;
}


